import styled from "@emotion/styled"

const Container = styled.div`
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
`

type Props = ExtractStyledProps<typeof Container>

function ScreenLayout(props: Props) {
    const { children, ...restProps } = props
    return <Container {...restProps}>{children}</Container>
}

export default ScreenLayout
